﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>写字楼收费管理</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

    <link href="css/add-style.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>收款</h5>
                        <div class="text-muted small pull-right" style="margin: -7px 7px 0 0">
                            <a data-toggle="modal" href="charge_office.html#modal-create" class="btn btn-success btn-sm"><i class="fa fa-plus"></i>&nbsp;新建合同 </a>
                            <button class="btn btn-primary btn-sm demo1"><i class="fa fa-check"></i>&nbsp;确认收款</button>
                            <a data-toggle="modal" href="charge_office.html#modal-history" class="btn btn-info btn-sm"><i class="fa fa-reorder"></i>&nbsp;缴费记录 </a>
                            <a data-toggle="modal" href="charge_office.html#modal-remark" class="btn btn-danger btn-sm"><i class="fa fa-dollar"></i>&nbsp;开发文档 </a>
                        </div>
                    </div>
                    <div class="ibox-content m-b">
                        <div class="alert alert-warning" style="margin: 0;">
                            <p><a data-toggle="modal" href="charge_office.html#modal-selectcustomer" class="btn btn-primary btn-sm m-b"><i class="fa fa-check-square-o"></i>&nbsp;选择业户 </a></p>
                            <p>您当前选择的交费业户： <span class="text-danger">富力双子座A座1209-东方时尚电子商务有限公司</span></p>

                            <p class="text-muted small">
                                减免剩余：<span class="text-danger">&yen;1182.37</span> 补交金额：<span class="text-danger">&yen;1182.37</span>
                                减免分摊：<span class="text-danger"><i class="fa fa-clock-o"></i>2016-10-8至2016-10-18</span> 起费日期：<span class="text-danger"><i class="fa fa-clock-o"></i> 2013-09-08</span>
                            </p>
                        </div>


                    </div>
                    <div class="tabs-container">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a data-toggle="tab" href="#tab-1"><i class="fa fa-yen"></i>&nbsp;收费</a>
                            </li>
                            <!--<li class="">
                                <a data-toggle="tab" href="#tab-2"><i class="fa fa-wrench"></i>&nbsp;维修收费</a>
                            </li>-->
                        </ul>
                        <div class="tab-content">
                            <div id="tab-1" class="tab-pane active">
                                <div class="full-height-scroll">
                                    <div class="table-responsive">
                                        <div class="ibox-content no-top-border" style="border: 1px solid #e7eaec;">
                                            <table class="table table-border0">
                                                <tbody>
                                                    <!--<tr>
                                                        <td class="client-link" style="width: 88px;">费用类型：</td>
                                                        <td colspan="3">
                                                            <div class="rule-multi-radio">
                                                                <span id="rblpaypaytype">
                                                                    <input id="rblType_0" type="radio" name="rblpaypaytype" value="0" checked="checked" />
                                                                    <label for="rblType_0">周期费用</label>
                                                                    <input id="rblType_1" type="radio" name="rblpaypaytype" value="1" />
                                                                    <label for="rblType_1">临时费用</label>
                                                                </span>
                                                            </div>
                                                        </td>

                                                    </tr>
                                                    <tr>
                                                        <td class="client-link">缴费项目： </td>
                                                        <td colspan="3">
                                                            <div class="rule-multi-radio">
                                                                <span id="rblpaytype">
                                                                    <input id="rblType_0" type="radio" name="rblpaytype" value="0" checked="checked" />
                                                                    <label for="rblType_0">物业费</label>
                                                                    <input id="rblType_1" type="radio" name="rblpaytype" value="1" />
                                                                    <label for="rblType_1">产权管理费</label>
                                                                    <input id="rblType_2" type="radio" name="rblpaytype" value="2" />
                                                                    <label for="rblType_2">生活垃圾消纳费</label>
                                                                </span>
                                                            </div>
                                                        </td>
                                                    </tr>-->
                                                    <tr>
                                                        <td class="client-link">票据类型：</td>
                                                        <td style="width:45%;">
                                                            <div class="rule-multi-radio">
                                                                <span id="rblpaypiaotype">
                                                                    <input id="rblpiaoType02_0" type="radio" name="rblpaypiaotype" value="0" checked="checked" />
                                                                    <label for="rblpiaoType02_0">机打收据</label>
                                                                    <input id="rblpiaoType02_1" type="radio" name="rblpaypiaotype" value="1" />
                                                                    <label for="rblpiaoType02_1">手写收据</label>
                                                                    <input id="rblpiaoType02_2" type="radio" name="rblpaypiaotype" value="2" />
                                                                    <label for="rblpiaoType02_2">发票</label>
                                                                    <input id="rblpiaoType02_3" type="radio" name="rblpaypiaotype" value="3" />
                                                                    <label for="rblpiaoType02_3">其他</label>

                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td class="text-right client-link">票号：</td>
                                                        <td>
                                                            <input type="text" class="input input-sm form-control" value="">
                                                        </td>

                                                    </tr>
                                                    <tr>
                                                        <td class="client-link">免单赠卷：</td>
                                                        <td style="width:45%;">
                                                            <div class="input-group ">
                                                                <span class="checkbox i-checks input-group-addon">
                                                                    <input type="checkbox" value=""><i></i>
                                                                </span>
                                                                <input type="text" class="form-control input-sm" name="start" placeholder="卷号" value="" />
                                                                <span class="input-group-addon">和</span>
                                                                <input type="text" class="form-control input-sm" name="end" placeholder="金额" value="" />
                                                            </div>
                                                        </td>
                                                        <td class="client-link text-right">预收费用：</td>
                                                        <td>
                                                            <div class="input-group">
                                                                <span class="checkbox i-checks input-group-addon">
                                                                    <input type="checkbox" value=""><i></i>
                                                                </span>
                                                                <input type="text" class="form-control input-sm" name="start" id="start" placeholder="开始年月" value="" />
                                                                <span class="input-group-addon">至</span>
                                                                <input type="text" class="form-control input-sm" name="end" id="end" placeholder="结束年月" value="" />
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="client-link">现收金额：</td>
                                                        <td>
                                                            <div class="input-group">
                                                                <span class="input-group-addon">应收：<span class="text-danger">&yen;1182.37</span></span>
                                                                <span class="input-group-addon">实收：</span>
                                                                <input type="text" class="form-control input-sm" name="start" placeholder="现收金额" value="0" />
                                                                <span class="input-group-addon">找零：<span class="text-danger">&yen;1182.37</span></span>
                                                            </div>
                                                        </td>
                                                        <td class="client-link text-right">缴费年份：</td>
                                                        <td>
                                                            <div class="rule-multi-porp">
                                                                <span id="cblActionType">
                                                                    <input id="cblActionType_1" type="checkbox" name="cblActionType$1" value="View" />
                                                                    <label for="cblActionType_1">2015</label>
                                                                    <input id="cblActionType_0" type="checkbox" name="cblActionType$0" value="Show" />
                                                                    <label for="cblActionType_0">2016</label>
                                                                </span>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>选择临时费项</td>
                                                        <td colspan="3">
                                                            <select class="mozSelect" name="SettlementType">
                                                                <option value="1">水费</option>
                                                                <option value="2">电费</option>
                                                                <option value="3">押金</option>
                                                                <option value="4">门禁</option>
                                                                <option value="5">维修</option>

                                                            </select>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4">
                                                            <table class="table table-striped table-hover">
                                                                <thead>
                                                                    <tr>
                                                                        <th>收费项目</th>
                                                                        <th>单价</th>
                                                                        <th>数量</th>
                                                                        <th>应收金额</th>
                                                                        <th>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>装修押金</td>
                                                                        <td><input type="text" class="input input-sm form-control" style="width:50px;" value="1000"></td>
                                                                        <td>
                                                                            <select name="SettlementType">
                                                                                <option value="1">1</option>
                                                                                <option value="2">2</option>
                                                                                <option value="3">3</option>
                                                                                <option value="4">4</option>
                                                                                <option value="5">5</option>

                                                                            </select>
                                                                        </td>
                                                                        <td>1000</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>出入证押金</td>
                                                                        <td><input type="text" class="input input-sm form-control" style="width:50px;" value="200"></td>
                                                                        <td>
                                                                            <select name="SettlementType">
                                                                                <option value="1">1</option>
                                                                                <option value="2">2</option>
                                                                                <option value="3">3</option>
                                                                                <option value="4">4</option>
                                                                                <option value="5">5</option>

                                                                            </select>
                                                                        </td>
                                                                        <td>200</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>商业用电</td>
                                                                        <td><input type="text" class="input input-sm form-control" style="width:50px;" value="200"></td>
                                                                        <td>
                                                                            <select name="SettlementType">
                                                                                <option value="1">1</option>
                                                                                <option value="2">2</option>
                                                                                <option value="3">3</option>
                                                                                <option value="4">4</option>
                                                                                <option value="5">5</option>

                                                                            </select>
                                                                        </td>
                                                                        <td>200</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>装修垃圾清运费</td>
                                                                        <td><input type="text" class="input input-sm form-control" style="width:50px;" value="200"></td>
                                                                        <td>
                                                                            <select name="SettlementType">
                                                                                <option value="1">1</option>
                                                                                <option value="2">2</option>
                                                                                <option value="3">3</option>
                                                                                <option value="4">4</option>
                                                                                <option value="5">5</option>

                                                                            </select>
                                                                        </td>
                                                                        <td>200</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4">
                                                            <table class="table table-striped table-hover">
                                                                <thead>
                                                                    <tr>
                                                                        <th>
                                                                            <div class="checkbox i-checks"><input type="checkbox" value=""><i></i></div>
                                                                        </th>
                                                                        <th>收费项目</th>
                                                                        <th>计费起始日期</th>
                                                                        <th>计费结束日期</th>
                                                                        <th>单价</th>
                                                                        <th>应收金额</th>
                                                                        <th>应收年月</th>
                                                                        <th>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </th>
                                                                        <th>操作</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div>
                                                                        </td>
                                                                        <td>物业费</td>
                                                                        <td>2016-06-01</td>
                                                                        <td>2016-06-30</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>
                                                                        <td>2016年06月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div></td>
                                                                        <td>物业费</td>
                                                                        <td>2016-07-01</td>
                                                                        <td>2016-07-31</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>
                                                                        <td>2016年07月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div></td>
                                                                        <td>物业费</td>
                                                                        <td>2016-08-01</td>
                                                                        <td>2016-08-31</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>

                                                                        <td>2016年08月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div></td>
                                                                        <td>物业费</td>
                                                                        <td>2016-09-01</td>
                                                                        <td>2016-09-30</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>

                                                                        <td>2016年09月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div></td>
                                                                        <td>物业费</td>
                                                                        <td>2016-10-01</td>
                                                                        <td>2016-10-31</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>
                                                                        <td>2016年10月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div></td>
                                                                        <td>物业费</td>
                                                                        <td>2016-11-01</td>
                                                                        <td>2016-11-30</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>
                                                                        <td>2016年11月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><div class="checkbox i-checks"><label><input type="checkbox" value=""><i></i></label> </div></td>
                                                                        <td>物业费</td>
                                                                        <td>2016-12-01</td>
                                                                        <td>2016-12-31</td>
                                                                        <td>1.8000</td>
                                                                        <td>143.59</td>
                                                                        <td>2016年12月</td>
                                                                        <td>
                                                                            <select class="mozSelect" name="SettlementType">
                                                                                <option value="1">现金</option>
                                                                                <option value="2">刷卡</option>
                                                                                <option value="3">支票</option>
                                                                                <option value="4">汇款</option>
                                                                                <option value="5">赠送</option>

                                                                            </select>
                                                                        </td>
                                                                        <td><a data-toggle="modal" href="charge_office.html#modal-split" class="text-success">拆分 </a></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-2" class="tab-pane">
                                <div class="full-height-scroll">
                                    <div class="table-responsive">
                                        <div class="ibox float-e-margins">
                                            <div class="ibox-content no-top-border" style="border: 1px solid #e7eaec;">
                                                <div class="form-inline">
                                                    <span>票据类型：</span>
                                                    <div class="rule-multi-radio">
                                                        <span id="rblpaypiaotype">
                                                            <input id="rblpiaoType02_0" type="radio" name="rblpaypiaotype" value="0" checked="checked" />
                                                            <label for="rblpiaoType02_0">机打收据</label>
                                                            <input id="rblpiaoType02_1" type="radio" name="rblpaypiaotype" value="1" />
                                                            <label for="rblpiaoType02_1">手写收据</label>
                                                            <input id="rblpiaoType02_2" type="radio" name="rblpaypiaotype" value="2" />
                                                            <label for="rblpiaoType02_2">发票</label>
                                                            <input id="rblpiaoType02_3" type="radio" name="rblpaypiaotype" value="3" />
                                                            <label for="rblpiaoType02_3">其他</label>

                                                        </span>
                                                    </div>

                                                    <span>票号：</span>
                                                    <input type="text" class="input input-sm form-control" value="">
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6  col-md-offset-6 m-b">
                                                        <div class="input-group pull-right">
                                                            <input type="text" placeholder="可输入工单编号\房间号\业主姓名进行查询（支持模糊查询）" class="input-sm form-control">
                                                            <span class="input-group-btn">
                                                                <button type="button" class="btn btn-sm btn-success"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <table class="table table-striped table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th>编号</th>
                                                            <th>业主</th>
                                                            <th>住户地址</th>
                                                            <th>金额</th>
                                                            <th>操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><a data-toggle="modal" href="charge_office.html#modal-look">TSN201608170003-C </a></td>
                                                            <td>
                                                                张艳芳


                                                            </td>
                                                            <td>
                                                                富力又一城C区 / C02楼栋  / 10 / 02-01-1105
                                                            </td>
                                                            <td>
                                                                30
                                                            </td>
                                                            <td><a href="javascript:;" class="text-danger demo2">收款</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><a data-toggle="modal" href="charge_office.html#modal-look">TSN201608170003-C </a></td>
                                                            <td>
                                                                张艳芳


                                                            </td>
                                                            <td>
                                                                富力又一城C区 / C02楼栋  / 10 / 02-01-1105
                                                            </td>
                                                            <td>
                                                                30
                                                            </td>
                                                            <td><a href="javascript:;" class="text-danger demo2">收款</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><a data-toggle="modal" href="charge_office.html#modal-look">TSN201608170003-C </a></td>
                                                            <td>
                                                                张艳芳


                                                            </td>
                                                            <td>
                                                                富力又一城C区 / C02楼栋  / 10 / 02-01-1105
                                                            </td>
                                                            <td>
                                                                30
                                                            </td>
                                                            <td><a href="javascript:;" class="text-danger demo2">收款</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><a data-toggle="modal" href="charge_office.html#modal-look">TSN201608170003-C </a></td>
                                                            <td>
                                                                张艳芳


                                                            </td>
                                                            <td>
                                                                富力又一城C区 / C02楼栋  / 10 / 02-01-1105
                                                            </td>
                                                            <td>
                                                                30
                                                            </td>
                                                            <td><a href="javascript:;" class="text-danger demo2">收款</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><a data-toggle="modal" href="charge_office.html#modal-look">TSN201608170003-C </a></td>
                                                            <td>
                                                                张艳芳


                                                            </td>
                                                            <td>
                                                                富力又一城C区 / C02楼栋  / 10 / 02-01-1105
                                                            </td>
                                                            <td>
                                                                30
                                                            </td>
                                                            <td><a href="javascript:;" class="text-danger demo2">收款</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><a data-toggle="modal" href="charge_office.html#modal-look">TSN201608170003-C </a></td>
                                                            <td>
                                                                张艳芳


                                                            </td>
                                                            <td>
                                                                富力又一城C区 / C02楼栋  / 10 / 02-01-1105
                                                            </td>
                                                            <td>
                                                                30
                                                            </td>
                                                            <td><a href="javascript:;" class="text-danger demo2">收款</a></td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--查看工单Start-->
    <div id="modal-look" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title pull-left">查看工单</h5>
                    <span class="text-muted small pull-left" style="margin-left:20px;">编号：WXN201612010005-C &nbsp;&nbsp;报修时间：2015-09-01 12:00</span>
                </div>
                <div class="modal-body">
                    <table class="table table-hover detailsMain table-bordered">
                        <tbody>
                            <tr>
                                <th>
                                    <strong>业主信息：</strong>
                                </th>
                                <td colspan="3">
                                    富力城一期/A09楼栋/8/A09-02-0808
                                    <small>业主：张健康 TEL：13811112222</small>
                                    <small>来电：张夫人 TEL：13311112222</small>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <strong>报修内容：</strong>
                                </th>
                                <td colspan="3">
                                    业主投诉：1.昨天晚上报修马桶不上水，师傅师傅也去查看过，<br />
                                    说快下班了不好修，明天再给维修。业主又拨打了前台电话，前台告<br />
                                    知明天早上一上班就马上派人去维修。但是一直到现在未见任何维修师傅，<br />
                                    业主很生气投诉工作人员不负责任没有给做记录。


                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <strong>回访情况：</strong>
                                </th>
                                <td colspan="3">
                                    <span style="color:red;">业主不满意</span><br />
                                    业主投诉：1.昨天晚上报修马桶不上水，师傅师傅也去查看过，<br />
                                    说快下班了不好修，明天再给维修。业主又拨打了前台电话，前台告<br />
                                    知明天早上一上班就马上派人去维修。但是一直到现在未见任何维修师傅，<br />
                                    业主很生气投诉工作人员不负责任没有给做记录。


                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <strong>下单人：</strong>
                                </th>
                                <td>
                                    张丽芳


                                </td>
                                <th class="text-right">
                                    <strong>分配人：</strong>
                                </th>
                                <td class="text-left">
                                    陆国清


                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <strong>处理人：</strong>
                                </th>
                                <td>
                                    张丽芳


                                </td>
                                <th class="text-right">
                                    <strong>回访人：</strong>
                                </th>
                                <td class="text-left">
                                    郝燕
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!--查看工单End-->
    <!--创建合同Start-->
    <div id="modal-create" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">新建合同</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0">
                        <tbody>
                            <tr>
                                <td style="width: 13%;">
                                    <strong>选择楼盘：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="rblbuilds">
                                            <input id="rblStatus_0" type="radio" name="rblbuilds" value="0" checked="checked" />
                                            <label for="rblStatus_0">富力双子座A座</label>
                                            <input id="rblStatus_1" type="radio" name="rblbuilds" value="1" />
                                            <label for="rblStatus_1">富力双子座B座</label>
                                            <input id="rblStatus_1" type="radio" name="rblbuilds" value="2" />
                                            <label for="rblStatus_1">富力中心</label>
                                        </span>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <strong>选择楼栋：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="rblbuild1">
                                            <input id="rblStatus_0" type="radio" name="rblbuild1" value="0" checked="checked" />
                                            <label for="rblStatus_0">A座</label>
                                            <input id="rblStatus_1" type="radio" name="rblbuild1" value="1" />
                                            <label for="rblStatus_1">B座</label>
                                            <input id="rblStatus_2" type="radio" name="rblbuild1" value="2" />
                                            <label for="rblStatus_2">中心</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>选择楼层：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="cblFloor">
                                            <input id="cblActionType_0" type="radio" name="cblFloor" checked="checked" value="Show" />
                                            <label for="cblActionType_0">1层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">2层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">3层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">4层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">5层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">6层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">7层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">8层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">9层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">10层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">11层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">12层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">13层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">14层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">15层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">16层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">17层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">18层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">19层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">20层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">21层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">22层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">23层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">24层</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>选择房间：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="cblhouse">
                                            <input id="cblActionType_0" type="radio" name="cblhouse" checked="checked" value="Show" />
                                            <label for="cblActionType_0">101</label>
                                            <input id="cblActionType_1" type="radio" name="cblhouse" value="View" />
                                            <label for="cblActionType_1">102</label>
                                            <input id="cblActionType_0" type="radio" name="cblhouse" value="Show" />
                                            <label for="cblActionType_0">103</label>
                                            <input id="cblActionType_0" type="radio" name="cblhouse" value="Show" />
                                            <label for="cblActionType_0">105</label>
                                            <input id="cblActionType_0" type="radio" name="cblhouse" value="Show" />
                                            <label for="cblActionType_0">106</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>公司名称：</strong>
                                </td>
                                <td colspan="3">

                                    <input type="text" placeholder="输入公司名称" class="form-control">
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>合同时间：</strong>
                                </td>
                                <td>
                                    <div class="input-daterange input-group" id="datepicker">
                                        <input type="text" class="form-control" name="start" value="2014-11" />
                                        <span class="input-group-addon">到</span>
                                        <input type="text" class="form-control" name="end" value="2016-12" />
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>合同月租：</strong>
                                </td>
                                <td>
                                    <div class="input-group input-group-sm">
                                        <input type="text" class="form-control" name="start" placeholder="单价" value="" />
                                        <span class="input-group-addon">×</span>
                                        <div class="input-daterange input-group input-group-sm" id="datepicker">
                                            <input type="text" class="form-control" name="start" placeholder="面积" value="" />
                                            <span class="input-group-addon">=</span>
                                            <input type="text" class="form-control" name="end" placeholder="金额" value="" />
                                        </div>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--创建合同End-->
    <!--选择缴费业户Start-->
    <div id="modal-selectcustomer" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择缴费业户</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0">
                        <tbody>
                            <tr>
                                <td style="width: 13%;">
                                    <strong>选择楼盘：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="rblStatus">
                                            <input id="rblStatus_0" type="radio" name="rblStatus" value="3" checked="checked" />
                                            <label for="rblStatus_0">富力双子座A座</label>
                                            <input id="rblStatus_1" type="radio" name="rblStatus" value="4" />
                                            <label for="rblStatus_1">富力双子座B座</label>
                                            <input id="rblStatus_1" type="radio" name="rblStatus" value="5" />
                                            <label for="rblStatus_1">富力中心</label>
                                            <input id="rblStatus_0" type="radio" name="rblStatus" value="0" />
                                            <label for="rblStatus_0">富力家园一期</label>
                                            <input id="rblStatus_1" type="radio" name="rblStatus" value="1" />
                                            <label for="rblStatus_1">富力家园二期</label>
                                            <input id="rblStatus_1" type="radio" name="rblStatus" value="2" />
                                            <label for="rblStatus_1">富力家园三期</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>房屋类型：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="rblType">
                                            <input id="rblType_0" type="radio" name="rblType" value="0" checked="checked" />
                                            <label for="rblType_0">住宅</label>
                                            <input id="rblType_1" type="radio" name="rblType" value="1" />
                                            <label for="rblType_1">商铺</label>
                                            <input id="rblType_2" type="radio" name="rblType" value="2" />
                                            <label for="rblType_2">办公</label>
                                            <input id="rblType_3" type="radio" name="rblType" value="3" />
                                            <label for="rblType_3">外协</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>选择楼栋：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="rblbuild1">
                                            <input id="rblStatus_0" type="radio" name="rblbuild1" value="0" checked="checked" />
                                            <label for="rblStatus_0">A座</label>
                                            <input id="rblStatus_1" type="radio" name="rblbuild1" value="1" />
                                            <label for="rblStatus_1">B座</label>
                                            <input id="rblStatus_2" type="radio" name="rblbuild1" value="2" />
                                            <label for="rblStatus_2">中心</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>选择楼层：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="cblFloor">
                                            <input id="cblActionType_0" type="radio" name="cblFloor" checked="checked" value="Show" />
                                            <label for="cblActionType_0">1层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">2层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">3层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">4层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">5层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">6层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">7层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">8层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">9层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">10层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">11层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">12层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">13层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">14层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">15层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">16层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">17层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">18层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">19层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">20层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">21层</label>
                                            <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                            <label for="cblActionType_1">22层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">23层</label>
                                            <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                            <label for="cblActionType_0">24层</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>选择房间：</strong>
                                </td>
                                <td>
                                    <div class="rule-multi-radio">
                                        <span id="cblshouse">
                                            <input id="cblActionType_0" type="radio" name="cblshouse" checked="checked" value="Show" />
                                            <label for="cblActionType_0">0101-张亮</label>
                                            <input id="cblActionType_1" type="radio" name="cblshouse" value="View" />
                                            <label for="cblActionType_1">0102-黄百鸣</label>
                                            <input id="cblActionType_0" type="radio" name="cblshouse" value="Show" />
                                            <label for="cblActionType_0">0103-吴双级</label>
                                            <input id="cblActionType_0" type="radio" name="cblshouse" value="Show" />
                                            <label for="cblActionType_0">0105-李淘</label>
                                            <input id="cblActionType_0" type="radio" name="cblshouse" value="Show" />
                                            <label for="cblActionType_0">0106-何厚铧</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>公司名称：</strong>
                                </td>
                                <td>

                                    <div class="input-group">
                                        <input type="text" class="form-control" id="test_data">
                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
                                        </div>
                                        <!-- /btn-group -->
                                    </div>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--选择缴费业户End-->
    <!--缴费历史记录Start-->
    <div id="modal-history" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">缴费记录明细</h5>
                </div>
                <div class="modal-body">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs">
                            <span class="pull-right small text-muted"></span>
                            <li class="active">
                                <a data-toggle="tab" href="#tab-8"><i class="fa fa-user"></i>周期性收费明细</a>
                            </li>
                            <li class="">
                                <a data-toggle="tab" href="#tab-9"><i class="fa fa-briefcase"></i>临时性收费明细</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div id="tab-8" class="tab-pane active">
                                <div class="ibox-content no-top-border" style="border: 1px solid #e7eaec;">

                                    <div class="row m-b-sm m-t-sm">
                                        <div class="col-md-3">
                                            <div class="form-group" id="data_4">
                                                <div class="input-group date input-group-sm">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="text" class="form-control" value="2016">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-9">
                                            <div class="input-group">
                                                <input type="text" placeholder="请输入费用名称（支持模糊查询）" class="input-sm form-control">
                                                <span class="input-group-btn">
                                                    <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <table class="table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <td class="client-link">序号</td>
                                                <td class="client-link">房间号</td>
                                                <td class="client-link">费用名称</td>
                                                <td class="client-link">账单月</td>
                                                <td class="client-link">开始时间</td>
                                                <td class="client-link">结束时间</td>
                                                <td class="client-link">收款金额</td>
                                                <td class="client-link">减免金额</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>物业费</td>
                                                <td>2016-01</td>
                                                <td>2016-01-08</td>
                                                <td>
                                                    2016-02-07
                                                </td>
                                                <td>
                                                    1284
                                                </td>
                                                <td>284</td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>物业费</td>
                                                <td>2016-02</td>
                                                <td>2016-02-08</td>
                                                <td>
                                                    2016-03-07
                                                </td>
                                                <td>
                                                    1284
                                                </td>
                                                <td>284</td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>物业费</td>
                                                <td>2016-03</td>
                                                <td>2016-03-08</td>
                                                <td>
                                                    2016-04-07
                                                </td>
                                                <td>
                                                    1284
                                                </td>
                                                <td>284</td>
                                            </tr>
                                            <tr>
                                                <td>4</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>产权管理费</td>
                                                <td>2016-03</td>
                                                <td>2016-03-08</td>
                                                <td>
                                                    2016-04-07
                                                </td>
                                                <td>
                                                    444
                                                </td>
                                                <td>0</td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td class="client-link">合计</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td class="client-link">7954</td>
                                                <td class="client-link">7954.87</td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                    <div class="text-right">
                                        <ul class="pagination">
                                            <li><a href="#">&laquo;</a></li>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">&raquo;</a></li>
                                            <li><a href="#">页数：1/10</a></li>
                                            <li><a href="#">总记录数：1000</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-9">
                                <div class="ibox-content no-top-border" style="border: 1px solid #e7eaec;">
                                    <div class="row m-b-sm m-t-sm">
                                        <div class="col-md-3">
                                            <div class="form-group" id="data_4">
                                                <div class="input-group date input-group-sm">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="text" class="form-control" value="2016">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-9">
                                            <div class="input-group">
                                                <input type="text" placeholder="请输入费用名称（支持模糊查询）" class="input-sm form-control">
                                                <span class="input-group-btn">
                                                    <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <table class="table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <td class="client-link">序号</td>
                                                <td class="client-link">房间号</td>
                                                <td class="client-link">费用名称</td>
                                                <td class="client-link">账单月</td>
                                                <td class="client-link">开始时间</td>
                                                <td class="client-link">结束时间</td>
                                                <td class="client-link">收款金额</td>
                                                <td class="client-link">减免金额</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>门禁卡费</td>
                                                <td>2016-01</td>
                                                <td>2016-01-08</td>
                                                <td>
                                                    2016-02-07
                                                </td>
                                                <td>
                                                    1284
                                                </td>
                                                <td>284</td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>垃圾处理费</td>
                                                <td>2016-02</td>
                                                <td>2016-02-08</td>
                                                <td>
                                                    2016-03-07
                                                </td>
                                                <td>
                                                    1284
                                                </td>
                                                <td>284</td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>装修管理费</td>
                                                <td>2016-03</td>
                                                <td>2016-03-08</td>
                                                <td>
                                                    2016-04-07
                                                </td>
                                                <td>
                                                    1284
                                                </td>
                                                <td>284</td>
                                            </tr>
                                            <tr>
                                                <td>4</td>
                                                <td>
                                                    <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                                </td>
                                                <td>产权管理费</td>
                                                <td>2016-03</td>
                                                <td>2016-03-08</td>
                                                <td>
                                                    2016-04-07
                                                </td>
                                                <td>
                                                    444
                                                </td>
                                                <td>0</td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td class="client-link">合计</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td class="client-link">7954</td>
                                                <td class="client-link">7954.87</td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                    <div class="text-right">
                                        <ul class="pagination">
                                            <li><a href="#">&laquo;</a></li>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">&raquo;</a></li>
                                            <li><a href="#">页数：1/10</a></li>
                                            <li><a href="#">总记录数：1000</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>



                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!--缴费历史记录End-->
    <!--拆分费用Start-->
    <div id="modal-split" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">拆分费用</h5>
                </div>
                <div class="modal-body">
                    <div class="form-group row">
                        <label class="col-sm-2 col-sm-2 control-label" style="line-height:30px;">费用时间拆分：</label>
                        <div class="col-sm-10 input-group date">
                            <input class="laydate-icon form-control input-sm layer-date" style="height:30px;" placeholder="YYYY-MM-DD" onclick="laydate({ istime: true, format: 'YYYY-MM-DD' })">
                            <!--&nbsp;&nbsp;<button type="button" class="btn btn-primary btn-sm"><i class="fa fa-send"></i>&nbsp;拆分</button>-->

                        </div>
                    </div>
                    <div class="alert alert-warning" style="margin: 0;">
                        <p>您当前拆分的费用区间是：</p>

                        <p><span>2016-01-01</span>&nbsp;至&nbsp;<span>2016-01-15</span>&nbsp;的费用是：<span class="text-danger">¥1182.37</span></p>
                        <p><span>2016-01-016</span>&nbsp;至&nbsp;<span>2016-01-31</span>&nbsp;的费用是：<span class="text-danger">¥1182.37</span></p>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--拆分费用End-->
    <!--开发提示文字Start-->
    <div id="modal-remark" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="well">
                        <h3>
                            前端开发事项：
                        </h3>
                        1、缴费类型请占一整行，因为选择临时收费时将出现几十种费用的情况<br />
                        2、界面输入验证金额免单赠卷金额、现收金额等只允许输入数字且至多两位小数<br />
                        3、预收费用时间弹出时间选择，用户选择年月即可
                    </div>
                    <div class="well well-lg">
                        <h3>
                            后台开发事项：
                        </h3>
                        一、收费选项卡：<br />
                        1、用户选择缴费类型为临时费用时自动隐藏免单赠券行,同时重新绑定缴费类型的选项为临时费用<br />
                        2、用户选择票据类型为机打收据时根据楼盘从数据库中获取最大票号记录，将票号数字部分+1生成票号后赋值给票号文本框（如数据库中无该楼盘收费记录那么票号由用户手动填写）<br />
                        3、用户可以手动修改生成的票号，但需要判断票号未曾使用过<br />
                        4、用户勾选免单赠卷后，列表中在应收金额后显示列“应收减免”<br />
                        5、用户输入免单金额后，列表中应收减免列自动显示减免金额，如果金额有剩余自动拆分月数据。同时显示“减免剩余：¥1182.37 补交金额：¥1182.37 减免分摊：2016-10-8至2016-10-18”文字描述<br />
                        6、用户选择业户时必须指定到房间或者公司<br />
                        7、用户选择业户后，界面自动绑定业户的欠收记录，默认全选所有欠费记录。同时绑定起费日期信息<br />
                        8、用户勾选预收费用，选择预收开始年月和结束年月后，生成该业户的预收应收记录至表格中，预收时欠费记录必须全部勾选<br />
                        9、用户改变列表第一行中的支付方式时，批量更改后续行的支付方式<br />
                        10、用户点击“拆分”按钮后(非整月缴费时使用拆分按钮),输入时间自动根据时间折算金额（月总应收-折算金额=月剩余金额）<br />
                        11、用户点击“确认收费”按钮后，弹出确认窗口。用户确认后如果票据类型为机打收据则自动开始打印，并跳转至收费管理界面<br />
                        12、<span style="color: red;">用户点击“新建合同”按钮后，弹出新建合同信息窗口，点击“保存”后生成应收记录(此处新建合同后保存数据至房屋信息的租赁记录中)</span><br />
                        13、用户点击“缴费记录”按钮后，弹出选择用户的缴费记录。记录按照周期费用和临时费用区分显示<br />
                        14、缴费年份：根据欠费时间列出所有欠费记录的年份，不选年份的情况下显示全部欠缴记录，选择年份后勾选对应年份的欠费记录<br />
                        二、维修收费选项卡：<br />
                        1、用户点击维修收费选项卡后默认显示当前用户楼盘权限下的所有有偿工单数据<br />
                        2、用户输入工单编号可以进行查询工单<br />
                        3、点击确认收款前弹出确认窗口，确认后跳转至收费查询界面


                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--开发提示文字End-->
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/common.js"></script>

    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <!--下拉公司搜索-->
    <script src="js/plugins/suggest/bootstrap-suggest.min.js"></script>
    <script type="text/javascript">
        //data 数据中获取


        var testdataBsSuggest = $("#test_data").bsSuggest({
            indexId: 2, //data.value 的第几个数据，作为input输入框的内容
            indexKey: 1, //data.value 的第几个数据，作为input输入框的内容
            data: {
                'value': [
                    {
                        'id': '0',
                        'word': '北京万商集团',
                        'description': 'NO.A201612230001'
                    },
                    {
                        'id': '1',
                        'word': '北京恒富科技',
                        'description': 'NO.A201612230002'
                    },
                    {
                        'id': '2',
                        'word': '深圳地铁（北京）分公司',
                        'description': 'NO.A201612230003'
                    },
                    {
                        'id': '3',
                        'word': '北京万商集团',
                        'description': 'NO.A201612230004'
                    }
                ],
                'defaults': ''
            }
        });
    </script>
    <!-- Chosen -->
    <script src="js/plugins/chosen/chosen.jquery.js"></script>
    <script>
        var config = {
            ".chosen-select": {},
            ".chosen-select-deselect": {
                allow_single_deselect: true
            },
            ".chosen-select-no-single": {
                disable_search_threshold: 10
            },
            ".chosen-select-no-results": {
                no_results_text: "Oops, nothing found!"
            },
            ".chosen-select-width": {
                width: "95%"
            }
        };
        for (var selector in config) {
            $(selector).chosen(config[selector])
        }

    </script>

    <script>
        $(function () {
            $('.full-height-scroll').slimScroll({
                height: '100%'
            });
        });
    </script>

    <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        var start = {
            elem: "#start",
            format: "YYYY/MM/DD",
            min: laydate.now(),
            max: "2099-06-16",
            istime: false,
            istoday: false,
            choose: function (a) {
                end.min = a;
                end.start = a
            }
        };
        var end = {
            elem: "#end",
            format: "YYYY/MM/DD",
            min: laydate.now(),
            max: "2099-06-16",
            istime: false,
            istoday: false,
            choose: function (a) {
                start.max = a
            }
        };
        laydate(start);
        laydate(end);
    </script>
    <!-- jsTree plugin javascript -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>
    <!--控制页面树元素-->
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree2').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree2').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <script>
        //使页面中所有.modal元素在窗口可视范围之内居中

        function centerModals() {
            $('.modal').each(function (i) {
                var $clone = $(this).clone().css('display', 'block').appendTo('body');
                var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
                top = top > 50 ? top : 0;
                $clone.remove();
                $(this).find('.modal-content').css("margin-top", top - 50);
            });
        }
        // 在模态框出现的时候调用垂直居中函数


        $('.modal').on('show.bs.modal', centerModals);
        // 在窗口大小改变的时候调用垂直居中函数


        $(window).on('resize', centerModals);
    </script>
    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        //保存成功弹框
        $('.demo1').click(function () {
            swal({
                title: "确认收款成功！",
                type: "success"
            });
        });
        $('.demo2').click(function () {

            swal({
                title: "保存成功！",
                type: "success"
            });
        });
        //-- 删除弹框--
        $('.demo4').click(function () {
            swal({
                title: "您确定要删除这条信息吗",
                text: "删除后将无法恢复，请谨慎操作！",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "删除",
                closeOnConfirm: false
            }, function () {
                swal("删除成功！", "您已经永久删除了这条信息。", "success");
            });
        });
    </script>

    <script>
        $(document).ready(function () {
            $("#data_5 .input-daterange").datepicker({
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true
            });
            $("#data_4 .input-group.date").datepicker({ format: 'yyyy', startView: 2, minViewMode: 2, keyboardNavigation: false, forceParse: false, autoclose: true, todayHighlight: true });

        });
    </script>
    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
</body>
</html>
